html, body { width: 100%; margin: 0; padding: 0; position: relative; font-size: 14px; color: #666; font: 12px/1.5 "Microsoft YaHei", arial, 宋体, sans-serif; }
ul, li, p, img, b, ol, em, a, h1, h2, h3, h4, h5, h6, h7, dl, dd, dt { list-style-type: none; margin: 0; padding: 0; border: none; font-style: normal; text-decoration: none; font-weight: 300; }
#dituContent img { max-width: inherit; }
img { max-width: 100%; }
a:link, a:visited { color: inherit; font-size: inherit; }
.fl { float: left; }
.fr { float: right; }
.center { width: 1100px; margin: auto; }
.main_nav .back, .pading .current, .main_top a, .main_top, .prduct_ul li b, .main_tops em, .main_nav .nav_a h1, .main_nav3 li b, .navbox .nav a, .search .searchBtn, ul.one_ul li:after, .one_title h1, .one_title h2, .three li h3, .fore_text h1, .fore_text h2, .fore .more, .fore, .five_left, .five_right, .six_gds li h6:before, .six_gds li p:before { color: #fff; }
.Article_text, .main_tops, .main_tops a, .main_tops em, .main_nav2 li a, .main_next .prevrecord a, .main_next .nextrecord a, .article li h1, .pading a, .Article_content .info a, .main_nav3 li h1, .prduct_ul li h1, .relevant.relevant_article a, .title .more, .titles .more, .six_xw li h5, .six_gds li h6, .two_title h2 { color: #666; }
ul.one_ul a:hover, .one_m li h1:hover, .title h2, .two_title h1 b, .fore .more:hover, .five li h4:hover, .six_xw li h5:hover, .six_gds li h6:hover, .sever .text h1 { color: #0f51bb; }
.title { position: relative; text-align: center; height: 92px; }
.title h1 { color: rgb(191, 191, 191); font-weight: 400; font-size: 14px; }
.title h2 { font-weight: 600; font-size: 30px; margin-bottom: 8px; }
.title .more { width: 70px; height: 22px; display: block; line-height: 22px; background: #f3f3f3; position: relative; border: 1px solid #eee9e9; border-radius: 20px; margin: auto; }
.title .more:after { width: 500px; height: 1px; display: block; background: #ccc; content: ''; position: absolute; left: -515px; top: 11px; }
.title .more:before { width: 500px; height: 1px; display: block; background: #ccc; content: ''; position: absolute; right: -515px; top: 11px; }
.title .more:hover { color: #ff764d; }
.titles { position: relative; line-height: 40px; border-bottom: 1px solid #ccc; }
.titles:before { content: ''; width: 5px; height: 20px; background: #0f4eb8; position: absolute; top: 10px; border-radius: 5px; }
.titles h1 { color: #333; font-size: 18px; font-weight: 400; padding-left: 18px; display: inline-block; }
.titles h2 { padding-left: 10px; font-size: 12px; display: inline-block; color: #8c8584; }
.titles .more { font-size: 12px; }
/**/
#slides { position: relative; width: 100%; overflow: hidden; }
#slides img { width: 100%; display: block; }
#slides .hd { left: 47%; padding: 4px; position: absolute; border-radius: 24px; bottom: 20px; z-index: 10; }
#slides .hd li { margin: 0px 5px; line-height: 5px; width: 50px; height: 2px; background: #f0f0f0; float: left; cursor: pointer; text-align: center; color: transparent; }
#slides .hd li.on { background: #c5b39b; }
/*header*/

.header { width: 100%; }
.header_top { height: 40px; background: #ededed; line-height: 40px; }
/**/

/*logo*/
.logo_img img { max-height: 100%;  }
.logo_img {  width: 1100px; padding:20px 0;}
.logo_img .tel{ background: url(../images/tel.jpg) no-repeat left center; padding-left: 70px; margin-top: 30px;}
.logo_img .tel p{ font-size: 16px;}
.logo_img .tel b{ font-size: 24px; color: #d52225; font-weight: bold;}
/**/

/*导航*/


.navbox { background: #0f4eb8; height: 58px; }
.navbox .nav { width: 1100px; margin: auto; }
.navbox .nav li { float: left; position: relative; background: url("../images/line.jpg") no-repeat left center; }
.navbox .nav li:nth-child(1) { background: none; }
.navbox .nav a { display: block; text-align: center; height: 58px; line-height: 58px; box-sizing: border-box; padding: 0px 30px; font-size: 16px; }
.navbox .nav_ul { position: absolute; top: 58px; z-index: 11; display: none; width: 100%; background: #0f4eb8; }
.navbox .nav_ul li { float: none; background: none; }
.navbox .nav_ul li a { font-size: 12px; height: 35px; line-height: 35px; padding: 0px; }
.navbox .nav li:hover .nav_ul { display: block; }
.navbox .nav a:hover { color: #ff0; }
/**/
.input { background: #f0f0f0; line-height: 53px; overflow: hidden; }
.input { background: #f0f0f0; line-height: 53px; overflow: hidden; }
.input_left li { float: left; color: #333; margin: 0px 10px; }
.search { width: 290px; margin-top: 13px; }
.search input { height: 31px; line-height: 31px; padding-left: 10px; width: 214px; float: left; box-sizing: border-box; border: 1px solid #0f4eb8; border-radius: 5px 0px 0px 5px; }
.search .searchBtn { width: 72px; height: 31px; line-height: 31px; text-align: center; border: none; cursor: pointer; float: left; background: url("../images/ss.png") no-repeat; }
/*one*/

.one { margin: 40px auto 0; }
.one_nav { margin-top: 45px; border: 2px solid #0f4eb8; height: 100px; }
.one_title { width: 150px; height: 100px; background: #0f4eb8; margin-right: 35px; position: relative; text-align: center; }
.one_title:after { width: 45px; height: 1px; background: rgba(255,255,255,0.5); content: ''; position: absolute; top: 11px; right: -4px; transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); }
.one_title:before { width: 45px; height: 1px; background: rgba(255,255,255,0.5); content: ''; position: absolute; bottom: 11px; left: -4px; transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); }
.one_title h1 { margin-top: 28px; height: 25px; line-height: 25px; font-size: 20px; overflow: hidden; }
.one_title h2 { height: 20px; line-height: 20px; font-size: 15px; overflow: hidden; }
ul.one_ul li { line-height: 100px; position: relative; float: left; margin-right: 15px; }
ul.one_ul a { padding-left: 20px; font-weight: 400; font-size: 16px; color: rgb(51, 51, 51); }
ul.one_ul li:after { content: '+'; width: 12px; height: 12px; line-height: 11px; background: #0f4eb8; position: absolute; left: 0px; top: 45px; border-radius: 50%; text-align: center; }
ul.one_uls { position: absolute; background: #fff; top: 100px; width: 100%; display: none; }
ul.one_uls li { line-height: 30px; margin: 0px; float: none; }
ul.one_uls li a { font-size: 14px; padding: 0px; display: block; text-align: center; }
ul.one_uls li:after { display: none; }
ul.one_ul li:hover .one_uls { display: block; }
.one_m { margin-top: 30px; }
.one_m li { float: left; margin-right: 13px; margin-bottom: 26px; }
.one_m li:nth-child(3n) { margin-right: 0px; }
.one_m img { width: 346px; height: 257px; padding: 5px; border: 1px solid #e6e6e6; }
.one_m img:hover { border-color: #0f4eb8; }
.one_m li h1 { text-align: center; margin-top: 10px; color: rgb(51, 51, 51); display: block; font-weight: 400; font-size: 14px; line-height: 35px; background: rgb(243, 247, 252); overflow: hidden; }
/**/
.two { width: 100%; position: relative; margin-top: 50px; overflow: hidden; }
.two_img { position: absolute; width: 100%; top: 0px; height: 1090px; z-index: -1; }
.two_img img { width: 100%; height: 100%; display: block; }
.two .center { padding-top: 222px; }
.two_title { text-align: center; margin-bottom: 30px; }
.two_title h1 { position: relative; margin: auto; width: 370px; height: 70px; line-height: 70px; color: #000; font-weight: 600; font-size: 40px; }
.two_title h1:before { position: absolute; content: ''; width: 370px; height: 10px; border-top: 2px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; left: -364px; top: 40px; }
.two_title h1:after { position: absolute; content: ''; width: 370px; height: 10px; border-top: 2px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; right: -364px; top: 40px; }
.two_title h1 b { font-size: 65px; font-weight: bold; }
.two_title h2 { line-height: 50px; font-size: 18px; }
ul.two_ul { width: 480px; }
.two_text { position: relative; font-size: 12px; color: #294471; font-weight: 400; padding-bottom: 20px; margin-bottom: 10px; }
.two_text h2 { color: #294471; font-size: 28px; font-weight: 600; }
.two_text:after { content: ''; width: 100%; height: 3px; border: 1px dashed #ccc; position: absolute; bottom: 0px; left: 0px; }
.two li { margin-bottom: 30px; position: relative; padding-left: 75px; }
.two li p { color: rgb(102, 102, 102); padding-left: 27px; font-size: 14px; font-weight: 400; line-height: 30px; background: url("../images/sdot2.png") left 8px no-repeat; }
ol.two_ol { width: 548px; }
.two ul li:nth-child(1) { background: url(../images/1.png) no-repeat top left; background-position-y: 6px; }
.two ul li:nth-child(2) { background: url(../images/2.png) no-repeat top left; background-position-y: 6px; }
.two ol li:nth-child(1) { background: url(../images/3.png) no-repeat top left; background-position-y: 6px; }
.two ol li:nth-child(2) { background: url(../images/4.png) no-repeat top left; background-position-y: 6px; }
/**/
.three {  margin-top: 20px; padding-bottom: 50px; padding-top: 30px; overflow: hidden; }
.three a.more { background: #eaeaea; border: 1px solid #ccc; }
.three ul { margin-top: 40px; }
.three li { float: left; margin-left: 14px; position: relative; margin-bottom: 15px; width: 263px; height: 195px; }
.three li:nth-child(1) { width: 545px; height: 405px; margin-left: 0px; }
.three li img { width: 100%; height: 100%; display: block; }
.three li h3 { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; line-height: 40px; background: url("../images/three.png") no-repeat 0% 100%; }
/**/
.fore { position: relative; padding: 30px 0; overflow: hidden; line-height: 1.8em; }
.fore_img { position: absolute; width: 100%; height: 100%; top: 0px; z-index: -1; }
.fore_img img { width: 100%; height: 100%; display: block; }
.fore_text { height: 30px; line-height: 30px; margin-bottom: 15px; }
.fore_text h1 { font-weight: bold; font-size: 20px; display: inline-block; }
.fore_text h2 { font-size: 14px; display: inline-block; }
.fore .center img { float: left; margin-right: 40px; width: 519px; height: 269px; }
.fore .more { overflow: hidden; display: block; margin-top: 30px; padding: 3px 25px; border: 3px solid #fff; transition: all 0.3s linear; width: 110px; box-sizing: border-box; text-align: center; }
.fore .more:hover { background: #fff; }
/**/
.five { position: relative; margin: 50px auto 0; }
.five_gd { margin-top: 30px; }
.five li { float: left; margin: 0px 6px; }
.five li img { width: 262px; height: 195px; }
.five li h4 { color: #333; font-weight: 400; font-size: 14px; line-height: 48px; text-align: center; }
.five_left { width: 17px; height: 34px; line-height: 34px; text-align: center; background: #cdcdcd; position: absolute; left: -30px; top: 150px; font-size: 20px; font-weight: bolder; }
.five_right { width: 17px; height: 34px; line-height: 34px; text-align: center; background: #cdcdcd; position: absolute; right: -30px; top: 150px; font-size: 20px; font-weight: bolder; }
/**/
.six { background: #f3f3f3; padding: 40px 0; margin-top: 45px; overflow: hidden; }
.six_xw { width: 325px; margin-right: 62px; }
.six_xw ul { margin-top: 20px; }
.six_xw img { width: 325px; height: 95px; display: block; }
.six_xw li h5 { overflow: hidden; padding-left: 22px; line-height: 45px; height: 45px; font-size: 14px; background: url(../images/ndot.jpg) no-repeat 0% 50%; display: block; }
.six_gd { width: 325px; }
.six_gds { margin-top: 20px; height: 303px; overflow: hidden; }
.six_gds li { padding: 8px 0 12px; border-bottom: 1px dashed #e3e3e3; }
.six_gds li h6 { height: 30px; line-height: 30px; overflow: hidden; position: relative; padding-left: 35px; box-sizing: border-box; font-size: 14px; }
.six_gds li h6:before { height: 20px; line-height: 20px; text-align: center; display: block; content: '问'; background: #f80; width: 20px; font-size: 12px; position: absolute; left: 0px; top: 8px; border-radius: 50%; }
.six_gds li p { height: 50px; line-height: 2em; font-size: 12px; overflow: hidden; position: relative; padding-left: 35px; box-sizing: border-box; color: rgb(153, 153, 153); }
.six_gds li p:before { height: 20px; line-height: 20px; text-align: center; display: block; content: '答'; background: #0e51ba; width: 20px; border-radius: 50%; font-size: 12px; position: absolute; left: 0px; top: 5px; }
/**/
.sever { margin: 40px auto; }
.sever ul { border: 1px solid #eee; margin-top: -15px; padding: 10px; }
.sever li { display: inline-block; margin: 5px; }
.sever .text { background: #fff; padding-left: 15px; }
.sever .text h1 { display: inline-block; }
.sever .text h2 { display: inline-block; color: #000; font-size: 16px; }
/*内页*/

.main_m { width: 1100px; margin: 20px auto 0; }
.text_h1 { border-bottom: 1px solid #ccc; height: 50px; width: 1000px; margin: 30px auto 0; }
.text_h1 .h1 { display: inline-block; height: 50px; line-height: 50px; font-size: 25px; position: relative; padding: 0px 10px 0px 10px; float: left; font-weight: bold; border-bottom: 5px solid #ccc; }
.text_h1 .back { float: right; width: 52px; height: 16px; float: right; background: #000; display: block; border-radius: 15px; text-align: center; line-height: 16px; margin-top: 24px; font-size: 12px; }
.text_h1 .back:hover { background: #cb2644; }
.text_h1 .more { float: right; line-height: 70px; height: 50px; }
.main_img { width: 100%; }
.main_img img { width: 100%; height: 100%; display: block; }
/*左侧导航*/

.main_nav { width: 218px; float: left; }
.main_nav .nav_a h1 { height: 35px; width: 100%; box-sizing: border-box; font-size: 14px; overflow: hidden; line-height: 35px; padding-left: 15px; font-weight: bold; background: #0f4eb8; border-radius: 5px 5px 0px 0px; }
.main_ul li { position: relative; }
.main_ul li:after { content: '>'; width: 15px; height: 15px; display: block; overflow: hidden; margin: 0 auto; position: absolute; top: 9px; left: 16px; font-size: 12px; line-height: 15px; }
.main_ul li a { height: 35px; line-height: 35px; overflow: hidden; padding-left: 35px; box-sizing: border-box; color: #444; font-size: 14px; }
.main_li { display: none; }
.main_li li { border-bottom: 1px dashed #888; background: none; }
.main_li li a { font-size: 10px; box-sizing: border-box; font-weight: normal; }
.main_ul li:hover .main_li { display: block; }
.main_nav2 { margin: 20px auto 0; }
.main_nav2 li { height: 45px; line-height: 45px; border-bottom: 1px dotted #b2b2b2; overflow: hidden; position: relative; box-sizing: border-box; padding-right: 10px; }
.main_nav2 li a { font-size: 14px; }
.main_nav3 { margin-top: 20px; }
.main_nav3 li { width: 185px; padding-top: 25px; background: #fff; margin: 20px auto; height: 160px; overflow: hidden; box-sizing: border-box; position: relative; border: 1px solid #e5e5e5; }
.main_nav3 li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.main_nav3 li img { width: 150px; height: 98px; display: block; margin: auto; }
.main_nav3 li h1 { height: 40px; line-height: 40px; text-align: center; width: 150px; overflow: hidden; margin: auto; font-size: 14px; }
.main_nav3 li b { background: #0f4eb8; display: block; height: 40px; line-height: 40px; width: 150px; overflow: hidden; margin: auto; text-align: center; border-radius: 3px; margin-bottom: 35px; }
.main_nav3 li div { background: rgba(255,255,255,0.8); height: 40px; position: absolute; bottom: 0; overflow: hidden; left: 0; width: 100%; transition: all 0.2s linear 0s; }
.main_nav3 li:hover div { height: 80px; }
/*路径*/

.main_top { height: 40px; width: 100%; box-sizing: border-box; overflow: hidden; background: url(../images/icon-home.png) no-repeat 0px 50%; border-bottom: 1px solid #e8e8e8; }
.main_tops { height: 40px; line-height: 40px; font-size: 12px; margin: auto; padding-left: 26px; }
.main_tops a { font-size: 12px; }
/**/


/*product*/
.product_text { text-align: center; height: 50px; line-height: 50px; font-size: 20px; }
.prduct_ul { width: 830px; float: right; margin-bottom: 20px; }
.prduct_ul ul.pro { margin-bottom: 10px; margin-top: 20px; }
.prduct_ul ul.pro li { width: 264px; float: left; padding-top: 60px; background: #fff; margin: 6px 6px; height: 272px; overflow: hidden; box-sizing: border-box; position: relative; border: 1px solid #e5e5e5; }
.prduct_ul ul.pro li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.prduct_ul ul.pro li img { width: 230px; height: 150px; display: block; margin: auto; }
.prduct_ul ul.pro li h1 { height: 60px; line-height: 60px; text-align: center; width: 230px; overflow: hidden; margin: auto; font-size: 14px; }
.prduct_ul ul.pro li b { background: #0f4eb8; display: block; height: 40px; line-height: 40px; width: 230px; overflow: hidden; margin: auto; text-align: center; border-radius: 3px; margin-bottom: 35px; }
.prduct_ul ul.pro li div { background: rgba(255,255,255,0.8); height: 60px; position: absolute; bottom: 0; overflow: hidden; left: 0; width: 100%; transition: all 0.2s linear 0s; }
.prduct_ul ul.pro li:hover div { height: 125px; }
/*product_content*/

.bigpic img{ margin: 0 auto; max-width: 100%; display: block; }


#preview { position: relative; width: 830px; float: right; overflow: hidden; padding-bottom: 7px; box-sizing: border-box; }
/**/

.product_item { margin-top: 10px; }
.product_content { line-height: 2em; }
.product_content img { max-width: 100%; display: block; margin: auto; }
/**/


/**/
.main_next { margin-left: 10px; }
.main_next .prevrecord, .main_next .nextrecord { margin: 5px 0px; display: block; font-size: 14px; }
/*article*/


.article { float: right; width: 830px; box-sizing: border-box; }
.article ol { margin-top: 20px; }
.article ol li { font-size: 14px; position: relative; margin-bottom: 15px; }
.article ol li h1 { font-size: 16px; position: relative; float: left; overflow: hidden;   padding-left: 20px; }
.article ol li h1:after { width: 25px; height: 25px; float: right; content: ''; display: block; margin-left: 5px; background-position-y: 7px; }
.article ol li span { float: right; color: #aaa; }
.article ol li p { clear: both; color: #aaa; line-height: 25px; overflow: hidden; padding-left: 20px; box-sizing: border-box; }
.article ol li:after { content: ''; width: 2px; height: 2px; display: block; overflow: hidden; position: absolute; top: 10px; left: 11px; background: #0f4eb8; }
/**/
.pro_page ul{ text-align: center; margin:30px 0;}
.pro_page ul li{ display: inline-block; border: 1px #eee solid; background: #f5f5f5;padding:10px 15px;}
.pro_page ul li.active{ background: #0e51ba;border-color: #0e51ba;}
.pro_page ul li.active a{ color: #fff;}

.Article_xw .pading { margin-bottom: 0px; }
/*article_content*/
.Article_content { width: 830px; float: right; }
.Article_text { height: 40px; font: 22px "Microsoft Yahei"; text-align: center; line-height: 40px; overflow: hidden; margin-top: 30px; font-weight: bold; }
.Article_content .info { height: 50px; font: 14px "Microsoft Yahei"; line-height: 50px; text-align: center; color: #999; margin: 0px auto 10px; }
.Article_content .info span { height: 50px; font: 14px "Microsoft Yahei"; line-height: 50px; margin-bottom: 10px; color: #999; }
.Article_content .detail { font-size: 14px; line-height: 22px; padding: 10px 10px; word-spacing: 10px; }
.Article_content .detail img { max-width: 100%; display: block; margin: auto; }
/*上下键*/
.pading { float: right; margin-top: 10px; }
.pading span { padding: 3px 8px; border: 1px solid #ccc; display: block; float: left; margin: 0px 2px; }
.pading a { padding: 3px 8px; border: 1px solid rgba(142,142,142,0.5); display: block; float: left; margin: 0px 1px; }
.pading .current { border: none; padding: 2px 8px; border: 1px solid #0f4eb8; background: #0f4eb8; }
/*page*/


.page_c { overflow: hidden; float: right; width: 830px; padding-bottom: 20px; }
.page_c img { max-width: 100%; display: block; }
/*footer*/
.footer { background: #0e51ba; }
.footer .navbox { border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer .nav a { color: #fff;}
.footer .copyright{ text-align: center; padding:10px 0; line-height: 2.5;  color: #fff; font-size: 14px;} 
.footer .copyright a{ color: #fff;}
.footer .copyright a:hover{ color: #eee;}
/*相关产品相关文章开始*/
.relevant { width: 100%; clear: both; margin-top: 20px; margin-bottom: 20px; }
.relevant .rel_title { margin-bottom: 0; height: 40px; line-height: 40px; font-size: 14px; background: #1D1C1C; text-indent: 10px; color: #fff !important; }
.relevant .rel_content { padding: 10px; overflow: hidden; }
/*相关产品*/
.relevant_product .rel_item { width: 122px; float: left; margin: 0 5px 10px 5px; }
.relevant_product .rel_item .rel_item_img { width: 100%; height: 90px; }
.relevant_product .rel_item .rel_item_title { width: 100%; height: 30px; line-height: 30px; text-align: center; display: inline-block; overflow: hidden; color: #000 !important; }
/*相关文章*/
.relevant_article .rel_item { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px dashed #59504D; overflow: hidden; }
.relevant_article .rel_item .rel_item_time { float: right; color: #999; }

.contents{ line-height: 180%; font-size:14px; padding:10px;}
/**/